
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付跳转页面</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" type="text/css" href="/static/style.css"/>
</head>
<body>
<!--

* 17素材vip建站专区模块代码
* 详尽信息请看官网：http://www.17sucai.com/pins/vip
*
* Cdight , 温州易站网络科技有限公司版权所有
*
* 请尊重原创，未经允许请勿转载。
* 在保留版权的前提下可应用于个人或商业用途

-->
<section class="aui-flexView">

    <section class="aui-scrollView" style="margin-top: 20%;">
        <div class="aui-pay-box">
            <div class="aui-pay-text">
                <p style="font-size: 35px;" id="zfcg">正在支付</p>
                <h2><em>￥</em>{$paydata.amount}</h2>
            </div>
            <div class="aui-pay-fill">
                <div class="aui-pay-flex">
                    <div class="aui-flex b-line">
                        <div class="aui-flex-box">
                            <h2 class="aui-pay-titleS">支付信息</h2>
                        </div>
                        
                    </div>
                    <div class="aui-pay-info">
                        <p class="aui-flex">支付金额 <em class="aui-flex-box">¥{$paydata.amount}</em></p>
                        <p class="aui-flex">支付方式 <em class="aui-flex-box">微信H4支付</em></p>
                        <p class="aui-flex">编号 <em class="aui-flex-box">{$paydata.out_trade_no}</em></p>
                    </div>
                </div>
            </div>
            <!--<div class="aui-pay-com">-->
            <!--    <button>完成</button>-->
            <!--</div>-->
        </div>
    </section>
</section>
 <input type="hidden" id="id"  value="{$paydata.id}">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<script>
var srt=1;
 function showUnreadNews()
    {
        $(document).ready(function() {
            var id=$('#id').val()
    if(!id){
        layer.msg('id不对');
        return false;
    }
    ++srt
    var params={'id':id};
    $.ajax({
            url:"/index/paydsf/zfcg", // 目标资源
            cache: false, //true 如果当前请求有缓存的话，直接使用缓存。如果该属性设置为 false，则每次都会向服务器请求
            async: true, //默认是true，即为异步方式
            data: params,
            dataType: "json", // 服务器响应的数据类型
            type: "POST", // 请求方式
            success: function (data) {
                console.log(data)
                if(data.type==2){
                    $('#zfcg').html('支付成功')
                        clearInterval(timer);
                }else{
                    if(srt==10){
                        clearInterval(timer);
                        $('#zfcg').html('支付失败')
                    }else{
                        $('#zfcg').html('正在支付')
                    }
                    
                }
                
            }
        });
        });
    }
    
    var timer=setInterval('showUnreadNews()',3000);//轮询执行，500ms一次

</script>

</body>
</html>
